body, ul, li, p, span, h1, h2, h3, h4, h5, h6.dl, dt, dd, ol {
    margin: 0;
    padding: 0
}

ul, li {
    list-style: none
}

ol, ul {
    padding: 0;
    list-style: none
}

li {
    display: list-item;
    text-align: -webkit-match-parent
}

a {
    text-decoration: none;
    color: inherit;
    outline: 0
}

em {
    font-style: normal
}

input#bdcs-search-form-input:focus {
    outline: 0
}

html {
    font-size: calc(16px + 2 * (100vw - 375px) / 39)
}

body {
    font-family: sans-serif;
    -webkit-user-select: none;
    color: #33373d;
    fill: currentColor;
    -webkit-tap-highlight-color: transparent;
    background-color: #f6f7f9
}

div#foot {
    padding: .5625rem .875rem;
    background: #fff;
    margin-top: -.69rem;
    font-size: .6rem;
    text-align: center
}

.guide-content .icon {
    position: absolute;
    right: 0;
    bottom: 1rem;
    left: 0;
    margin: auto
}

.guide-nav-h {
    position: absolute;
    right: 0;
    bottom: .1875rem;
    left: 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .guide-nav i.icon {
        background: url(../img/sprite1.png) no-repeat;
        background-size: 230px;
        width: 70px;
        height: 70px
    }

    .guide-nav i.icon-home {
        background-position: -85px 0
    }

    .guide-nav i.icon-sort {
        background-position: -161px -69px
    }

    .guide-nav i.icon-end {
        background-position: 0 -163px
    }

    .guide-nav i.icon-free {
        background-position: 0 -80px
    }

    .guide-nav i.icon-account {
        background-position: -162px 5px
    }
}

.guide {
    position: fixed;
    z-index: 3;
    top: 2.5rem;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    transition: visibility .25s;
    -wekit-transition: visibility .25s
}

.active.guide {
    visibility: visible;
    transition: none;
    -wekit-transition: none
}

.aside-overlay, .guide-overlay {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    opacity: 0;
    background-color: #000
}

.active > .guide-overlay {
    opacity: .6
}

.guide-content {
    position: relative;
    overflow: hidden;
    padding: 0 1rem;
    -webkit-transition: -webkit-transform .15s;
    transition: transform .15s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: #fff
}

.active > .guide-content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.guide-nav {
    font-size: 0;
    text-align: justify
}

.guide-nav-a {
    font-size: .55rem;
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.625rem;
    text-align: center
}

.guide-nav .guide-nav-a {
    margin: .75rem .832rem
}

.guide-footer {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    text-align: center
}

.btn-primary, .btn-primary-small {
    font-size: .7rem;
    line-height: 1.5rem;
    display: inline-block;
    padding-right: 1em;
    padding-right: 2ch;
    padding-left: 1em;
    padding-left: 2ch;
    text-align: center;
    color: #fff;
    border-radius: 99px;
    background-color: #1a1a1a
}

[data-size] {
    box-sizing: border-box
}

[data-size='14'] {
    width: 12.5rem
}

.search {
    padding: .55rem;
    font-size: .65rem
}

.search .type {
    background-color: #fff;
    border: 1px solid #CCC;
    width: 1.85rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-weight: bold
}

.search .key {
    height: 1.35rem;
    width: 90%;
    line-height: 1.35rem;
    border: 0;
    text-indent: .5em;
    font-size: .6rem
}

td.search-area {
    width: 1.5rem;
    background-color: #ed424b;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%
}

.search .go {
    height: 1.5rem;
    width: 1.5rem;
    border: 0;
    background-color: transparent;
    z-index: 9999
}

.search.active {
    background: #f6f7f9;
    position: relative;
    z-index: 3;
    top: -.2rem
}

.search.hide {
    display: none
}

body > .tips {
    line-height: 1.25rem;
    position: fixed;
    z-index: 29;
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-width: calc(100% - 2rem);
    padding: .35rem .5rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    color: #fff;
    border-radius: 1rem;
    background-color: rgba(0, 0, 0, .8);
    font-size: .6rem
}

.tips.fadeout {
    -webkit-animation: fadeout .15s;
    animation: fadeout .35s
}

.footer-backtop-circle {
    position: fixed;
    z-index: 1;
    right: 1rem;
    bottom: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    -webkit-transition: opacity .25s, visibility .25s;
    transition: opacity .25s, visibility .25s;
    opacity: 0;
    color: #fff;
    border-radius: 99px;
    background-color: rgba(0, 0, 0, .6)
}

.aside1, .aside-overlay, .footer-backtop-circle svg, .full, .guide-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.footer-backtop-circle svg {
    margin: auto
}

.novel {
    margin: .75rem 0;
    background-color: #fff
}

.novel span {
    line-height: 100%;
    float: right;
    font-size: .105rem;
    padding: 0 .37rem;
    background: #ed424b;
    margin-right: 10px;
    border-radius: 3px;
    color: #fff
}

.novel-header {
    padding: .75rem .75rem 0;
    line-height: 1.75rem
}

.novel-header::after {
    display: table;
    clear: both;
    content: ''
}

.novel-title {
    display: inline;
    color: #33373d
}

.novel-title::before {
    display: inline-block;
    box-sizing: border-box;
    width: .625rem;
    height: 1em;
    content: '';
    vertical-align: -.22ex;
    color: transparent;
    border-left: 2px solid #ed424b
}

.novel-header-l span {
    font-size: .8125rem;
    margin-left: .5rem;
    color: #969ba3
}

.novel-header-l {
    float: left
}

.novel-header-r {
    position: relative;
    float: right
}

.novel-header-r a {
    font-size: .875rem;
    line-height: 1.5rem;
    white-space: nowrap;
    color: #969ba3
}

.novel-slide-ol {
    position: relative;
    display: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: .3rem;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.novel-slide-ol::-webkit-scrollbar {
    display: none
}

.novel-slide-ol:only-child, .novel-slide > .active {
    display: block
}

.novel-slide-li {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.novel-slide-li:nth-of-type(10) .corner-rank > em {
    letter-spacing: -1px
}

.novel-slide-a {
    display: block;
    width: 4.125rem;
    padding: .75rem .5rem .5rem
}

.novel-slide-img {
    display: block;
    width: inherit;
    height: 5.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.novel-slide-caption {
    font-size: .8125rem;
    line-height: 1.125rem;
    overflow: hidden;
    max-height: 2.125rem;
    margin: .5rem 0 .25rem
}

.novel-slide-author {
    font-size: .75rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #969ba3
}

.novel-merge {
    margin: 0
}

.novel-field {
    overflow: hidden;
    padding: .5rem
}

.novel-field-cell {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: .5rem
}

.novel-field-img {
    display: block;
    width: 100%;
    height: calc(66rem / 16);
    object-fit: cover
}

.novel-tab {
    margin: .4375rem .75rem
}

.novel-tab ~ .novel-tab::before {
    position: relative;
    top: -.4375rem;
    display: block;
    padding-top: .6875rem;
    content: '';
    border-top: 1px solid #f0f1f2
}

.novel-text-list li {
    line-height: 1.5em;
    font-size: .75rem;
    padding: .6rem .75rem;
    border-bottom: 1px solid #eee
}

.novel-text-list li span {
    line-height: 100%;
    font-size: .105rem;
    padding: 0 .37rem;
    background: #ed424b;
    margin-right: 10px;
    border-radius: 3px;
    color: #fff
}

.novel-text-list li span {
    float: right;
    font-size: .75rem;
    color: #f8f8ff;
    margin-top: .4rem
}

@media screen and (max-width: 600px) {
    .novel-category .novel-slide-ol {
        white-space: normal
    }

    .novel-category .novel-slide-a {
        padding: .75rem .72rem .5rem
    }
}

@media screen and (max-width: 540px) and (min-width: 320px) {
    .novel-category .novel-slide-ol {
        white-space: normal
    }

    .novel-category .novel-slide-a {
        padding: .75rem .6rem .5rem
    }
}

@media screen and (max-width: 320px) {
    .novel-category .novel-slide-ol {
        white-space: normal;
        padding-left: .5rem
    }

    .novel-category .novel-slide-a {
        padding: .75rem .2rem .5rem
    }
}

@media screen and (min-width: 1000px) {
    .novel-slide-a {
        padding: .75rem .72rem .5rem
    }
}

.btn-group {
    display: table;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    table-layout: fixed
}

.btn-group-cell {
    font-size: 100%;
    font-weight: 400;
    display: table-cell
}

.btn-group-cell:first-child > .btn-line {
    margin-left: 0
}

.btn-group-cell:last-child > .btn-line {
    margin-right: 0
}

.btn-group-cell + .btn-group-cell > .btn-tab {
    border-left: 0
}

.btn-group-cell:first-child > .btn-tab {
    border-radius: 4px 0 0 4px
}

.btn-group-cell:last-child > .btn-tab {
    border-radius: 0 4px 4px 0
}

.book-detail-header {
    z-index: 1;
    border-bottom: 0;
    background: 0
}

.book-detail-x {
    position: relative;
    overflow: hidden;
    margin-top: -2.75rem
}

.book-detail-x .book-cover {
    width: 5.25rem;
    height: 7rem;
    margin-right: 1rem
}

.book-detail-x .book-cover-blur {
    position: absolute;
    top: -13.2rem;
    top: calc(50% - 87.5vw);
    width: 100%;
    height: 175vw;
    opacity: .02;
    opacity: calc(.1 + .05);
    -webkit-filter: blur(calc(17px + 1px));
    filter: blur(calc(17px + 1px))
}

.btn-group {
    display: table;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    table-layout: fixed
}

.btn-normal {
    font-size: .8125rem;
    line-height: 1.875rem;
    display: inline-block;
    padding: 0 1rem;
    text-align: center;
    border-radius: .125rem;
    background-color: #ed424b;
    color: #fff
}

.btn-group-cell > .btn-normal {
    display: block;
    width: calc(100% - .6667rem);
    margin-left: .3333rem;
    padding: 0
}

.btn-group-cell:first-child > .btn-normal {
    margin-left: 0
}

.btn-group-cell:last-child > .btn-normal {
    margin-left: .6667rem
}

.btn-normal.white {
    border: 1px solid #e3e4e6;
    background: #fff;
    color: #33373d
}

.page {
    display: block;
    clear: both;
    padding: .75rem 0;
    text-align: center;
    vertical-align: middle;
    overflow: hidden
}

.page span {
    margin: 0 .2rem
}

.page a {
    color: #555;
    display: inline-block;
    padding: 0 .5rem;
    border-right: 1px solid #eee
}

.aside {
    background: #00059;
    z-index: 20;
    position: fixed;
    z-index: 20;
    overflow: hidden;
    -webkit-transition: visibility .25s;
    transition: visibility .25s;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: visible;
    display: none
}

.readhistorys {
    position: fixed;
    z-index: 2;
    right: 5px;
    bottom: 10rem;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

.readhistorys .btn-circle {
    font-size: .75rem;
    line-height: 1.16667;
    display: inline-block;
    box-sizing: border-box;
    width: 2.75rem;
    height: 2.75rem;
    padding: .5rem;
    text-align: center;
    color: #fff;
    border-radius: 99px;
    background-color: #ed424b
}

.history-blocks {
    overflow: visible;
    position: absolute;
    top: 0;
    left: 2.5rem;
    bottom: 0;
    right: 0;
    -webkit-transition: -webkit-transform .15s;
    transition: transform .15s;
    background-color: #fff
}

.history-blocks h3 {
    height: 1.75rem;
    text-align: center;
    padding: 0 1rem;
    border-top: 1rem solid transparent;
    color: #ed424b
}

.history-blocks ol {
    position: absolute;
    top: 2.75rem;
    right: 0;
    bottom: 1rem;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.history-blocks ol h4 {
    padding-bottom: 5px
}

.history-blocks ol .book-meta {
    font-size: .875rem;
    color: #969ba3
}

.history-blocks .book-title-r {
    font-size: .8125rem;
    line-height: 1.5rem;
    float: right;
    margin-left: .5rem;
    color: #969ba3;
    background: #fff;
    padding: 0 .4rem;
    border-radius: 2px;
    border: 1px solid #ddd
}